$(function () {
    $.each(allData.index, function (i, v) {
      var str;
      $.each(v.miaoshahuodong, function (i, v) {
        str = `
        <li style="background: white;" data-id="${v.miaoId}">
        <div class="p-Img">
          <a href="javascript:void(0)">
            <img src="${v.miaoImg}" alt="">
          </a>
        </div>
        <div class="p-name">
          <a href="javascript:void(0)">
            ${v.title}
          </a>
        </div>
        <div class="p-price">
          <span class="shop-price">￥${v.xianPrice}</span>
          <span class="original-price">￥${v.yuanPrice}</span>
        </div>
      </li>
        `;
        $("#slider ul").append(str);
      });
    });

    $("#slider ul li").hover(
      function () {
        $(this).css({
          transform: "translateY(-5px)",
          boxShadow: "0 0 10px 0 rgb(0 0 0 / 15%)",
          transition: "all 150ms ease-in-out",
          filter: "brightness(2)",
        });
      },
      function () {
        $(this).css({
          transform: "translateY(5px)",
          boxShadow: "none",
          transition: "all 150ms ease-in-out",
          filter: "brightness(1)",
        });
      }
    );
  });